Ext.onReady(function(){
	Ext.QuickTips.init();
	
    var texto = 'Seleccionate algo valor...';
    var etiqueta = 'pruebacombo';
    var valorField = 'codigo';
    var valorDisplay = 'nombre';
    var datos = [
                 ['AL', 'Alabama'],
                 ['AK', 'Alaska'],
                 ['VT', 'Vermont'],
                 ['WV', 'West Virginia'],
                 ['WI', 'Wisconsin'],
                 ['WY', 'Wyoming']
             ];
    
    var store = new Ext.data.ArrayStore({
        fields: [valorField, valorDisplay],
        data : datos });
    // construyo el combobox y le seteo los datos
    new Ext.form.ComboBox({
        store: store,
        displayField:valorDisplay,
        typeAhead: true,
        mode: 'local',
        forceSelection: true,
        triggerAction: 'all',
        emptyText: texto,
        selectOnFocus:true,
        applyTo: etiqueta
    });
});


function submitProductsRequest() { 
	  var idX=dwr.util.getValue("formClientID"); 
	  var typeX=dwr.util.getValue("formProductType"); 
	 
	  var parametersX={clientID:idX,productType:typeX}; 
	 
	  EasyService.getProducts(parametersX,showProducts); 
 
 } 
 
function showProducts(responseX) { 
 
	// borro filas excepto el patron, delete rows except pattern row 
    dwr.util.removeAllRows("myTable", { filter:function(tr) { return (tr.id != "myPattern");}}); 
 
    if (responseX.errorCode!=0){ 
      alert('Error: '+responseX.errorDescription); 
      return; 
    }; 
    var productsX=responseX.products; 
    var lengthX=productsX.length; 
    var itemProductX; 
 
    if (lengthX==0){ 
      alert('No seas pedorro que no hay productos'); 
      return; 
    }; 
 
    dwr.util.setValue("serviceResponse", responseX.errorDescription); 
    var id="00"; 
    // creo un array que va a tener los datos del combobox
    var datos = new Array();
    for (var i=0 ; i<lengthX ; i++) 
        { 
           itemProductX = productsX[i]; 
           id="00"+i; 
           dwr.util.cloneNode("myPattern", { idSuffix:id }); 
           dwr.util.setValue("codePattern" + id, itemProductX.barCode); 
           dwr.util.setValue("namePattern" + id, itemProductX.name); 
           $('#myPattern' + id).css("display", "table-row");

           // se setean los datos del array para el combobox
           datos[i] = [itemProductX.barCode, itemProductX.name];
        } 
    // ejemplo de como llamar a cargar el combobox en el click de un boton
    /*var texto = 'Seleccionate algo valor...';
    var etiqueta = 'pruebacombo';
    var valorField = 'codigo';
    var valorDisplay = 'nombre';
    createListExt(datos, texto, etiqueta, valorField, valorDisplay); */
}


// -------------------------------------------
// DWR Segundo Ejemplo

function init(){
	DWREngine.setErrorHandler(errors);
	update();
}

function errors(message) {
	alert("Errores "+message);
}

function update() {
	var provincia = DWRUtil.getValue("provincia");
	MunicipiosController.getMunicipios(provincia, createList);
}

// Data grid
$(document).ready(function() {
	$('#example').dataTable( {
		"bProcessing": true,
		/*"bServerSide": true,*/
		"sAjaxSource": "../pages/contenidoTabla.txt"
	} );
} );

function createList(data) { 
	DWRUtil.removeAllOptions("municipio", data);
	// como estamos cargando un select el "codigo" es el value y el "nombre" es la etiqueta (lo que se muestra)
	// como en este ejemplo <option value="VAL">Valencia</option>
	DWRUtil.addOptions("municipio", data, "codigo", "nombre");
	
}
	
/*function createListExt(datos, texto, etiqueta, valorField, valorDisplay) { 
	// construyo el objeto que contiene los datos
    var store = new Ext.data.ArrayStore({
        fields: [valorField, valorDisplay],
        data : datos });
    // construyo el combobox y le seteo los datos
    var combo = new Ext.form.ComboBox({
        store: store,
        displayField:valorDisplay,
        typeAhead: true,
        mode: 'local',
        forceSelection: true,
        triggerAction: 'all',
        emptyText: texto,
        selectOnFocus:true,
        applyTo: etiqueta
    });
}*/

